/*
 * @Descripttion:
 * @Author: voanit
 * @Date: 2022-05-11 11:21:39
 * @LastEditors: voanit
 * @LastEditTime: 2022-05-11 11:38:54
 */
import React, { useContext } from 'react'
import { Context } from '../../../App'
const Son = () => {
  console.log(Context, 77)
  const appProps = useContext(Context)
  return (
    <div>
      御剑乘风来,除魔天地间!==Son=== color: {'red'}===
      <h1>{appProps}</h1>===
      <Context.Consumer>
        {(props) => {
          console.log(props, 6)
          return <span>====={props}</span>
        }}
      </Context.Consumer>
    </div>
  )
}
export default Son
